<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>静态成员</title>
  </head>
  <body>
    <script>
      // ES5 静态成员
      /*       function Phone() {}

      // 静态成员：属于函数对象不属于实例对象
      Phone.name = "手机";
      Phone.change = function () {
        console.log("科技改变世界");
      };

      // 原型属性 属于实例对象
      Phone.prototype.size = '5.5'

      let nokia = new Phone();
      console.log(nokia.name);// undefinded
      // console.log(nokia.change()); // not a function
      console.log(nokia.size); // 5.5 */

      // 父类
      class Phone {
        // 静态属性 属于类不属于实例化对象
        static name = "手机";
        static change() {
          console.log("科技改变世界");
        }
      }

      // 子类
      class SmartPhone extends Phone {}

      let nokia = new Phone();
      console.log(nokia);
      console.log(nokia.name); // undefined
      // 可以通过类名进行调用
      console.log(Phone.name); // 手机

      SmartPhone.change(); // 可以被继承
    </script>
  </body>
</html>
